<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>批量地址</title>
<style type="text/css">
    body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
    #l-map{height:100%;width:100%;}
    #col-md-12 {
        width:100%;
        height: 100%;
        float: left;
        position:relative;
        min-height:1px;
        padding-right:15px;
        /*padding-left:15px;*/
    }
    #smart-widget {
        height: 95%;
        border: 1px solid #e6e6e6;
        -webkit-border-radius: 3px;
        margin-bottom: 20px;
        border-color: #e4e4e4;
        border-top-width: 4px;
        background-color: #fff;
    }
    #smart-widget #smart-widget-header {
        background-color: rgb(255, 255, 255);
        padding: 15px;
        border-bottom: 1px solid rgb(230, 230, 230);
        border-radius: 3px 3px 0px 0px;
    }
    #smart-widget #smart-widget-inner {
        height: 90%;
        border-radius: 0 0 3px 3px;
    }
    #smart-widget #smart-widget-inner #smart-widget-body {
        height: 100%;
        padding: 15px;
    }
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=0oRvdjmmzZrsCnQnOucujlkxoRxHe3df"></script>
<div id="col-md-12">
    <div id="smart-widget">
        <div id="smart-widget-header">
            <strong>盒子分布情况</strong>
            <span style="float: right">
                <label >
                <input style="vertical-align: middle;margin-bottom: 2px" type="checkbox" id="checkShowName" name="checkShowName">
                <span style="padding-right: 15px;vertical-align:middle;font-size: small">
                    显示学校名
                </span>
                </label>
                <label style="float: right">
                    <label >省：</label>
                    <select id="province" name="province" style="width: 160px">
                        {% for provId, provName in pro %}
                            <option value="{{ provId }}">{{ provName }}</option>
                        {% endfor %}
                    </select>
                    <label >市：</label>
                    <select id="city" name="city" style="width: 160px"></select>
                </label>
            </span>
        </div>
        <div id="smart-widget-inner">
            <div id="smart-widget-body">
                <div id="l-map"></div>
            </div>
        </div>
    </div>
</div>

